import React from 'react';

// interface SliderProps {
//     max: number;
//     min: number;
//     value: number; // 受控
//     onChange: (newValue: number) => void;
// }
export default function (props) {

    return (
        <>
            <input 
                type="range" 
                max={ props.max || 10 } 
                min={ props.min || 0 } 
                value={ props.value } 
                onChange={ (e) => {
                    // this.$emit('onChange', e.target.value)
                    props.onChange(e.target.value);
                } }
            />
            <input 
                type="text" 
                value={ props.value }
                onChange={ (e) => {
                    // this.$emit('onChange', e.target.value)
                    props.onChange(e.target.value);
                } }
            />
        </>
    );
}
